<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>选择你喜欢的书</title>
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/work2.css">
</head>

<body>
    <div class="content">
        <div class="top">
            <div>选择你喜欢的书：</div>
            <!--name设为一样两个单选按钮不可同时选中-->
            <div><input type="radio" id="dog" name="both"><span>我和狗狗的十个约定</span></div>
            &nbsp;&nbsp;&nbsp;<div><input type="radio" id="hui" name="both"><span>灰霾来了怎么办</span></div>
        </div>
        <div class="pic-wrap">
            <img src="../image/dog.jpg" alt="">
            <div class="text">我和狗狗的十个约定</div>
        </div>
    </div>
</body>
<script src="../js/work2.js"></script>

</html>